.files {
    .box {
        width: 95%;
        background-color: #F1F1F1;

        .brs {
            border-radius: 10px;
        }

        .sidebar {
            border-right: 1px solid #cfcfcf;
            width: 12%;
            height: 91vh;
            overflow: hidden;
            overflow-y: auto;
        }
        // 滚动条美化
        .sidebar::-webkit-scrollbar{
            width: 3px;
        }
        .sidebar::-webkit-scrollbar-thumb{
            background-color: rgb(212, 212, 212);
            border-radius: 5px;
        }

        .filesDetails {
            //     background-color: #F1F1F1;
            width: 86%;

            .crumb {
                // border: 1px solid red;
                width: 100%;
                background-color: #fff;
                border-bottom: 1px solid #EBEEF5;
                line-height: 3;
            }

            .titleImg {
                width: 35px;
                height: 35px;
            }

            .add { //上传按钮
                position: fixed;
                bottom: 100px;
                right: 100px;
                z-index: 10;
                width: 50px;
                height: 50px;
                font-size: 35px;
            }

            // 弹窗进度条
            .state {
                position: fixed;
                top: 20px;
                left: 46%;
                width: 170px;
                border-radius: 5px;
                color: #67c23ad5;
                background-color: #F0F9EB;
                border: 1px solid #cff0bfea;
                line-height: 2.5;
                z-index: 20;
                transition: all 1s ease-in;
            }
        }

    }
}